// 1. 变量和工具函数
@use './_variables' as *;
@use './_mixins' as *;

// 2. Element Plus 相关
@use './_element-variables';
@use './_element';

// 3. 全局基础样式
@use './_theme';
@use './_components';
@use './_layout';

// 4. 基础组件样式
@use './_banner';
@use './_header';
@use './_footer';
@use './_service';

// 5. 页面样式
@use './views/_home';
@use './views/_about';
@use './views/_copyright';
@use './views/_works';
@use './views/_auth';

// 6. 全局动画
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.fade-in {
  animation: fadeIn 0.3s ease-in-out;
}

.slide-in-up {
  animation: slideInUp 0.3s ease-in-out;
} 